<template>
  <div>
    <h3> {{ value }}</h3>
    <div>
    <button @click="modifyThisMessge">通过 $emit 事件向父级组件发送消息</button>
    <button @click="modifyByCallback">通过直接调用传入函数修改传入参数</button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ModifyEmit',
  props: {
    value: {
      type: [String, Number]
    },
    update: {
      type: Function
    }
  },
  methods: {
    modifyThisMessge () {
      this.$emit('modify', '触发当前实例上的事件。附加参数都会传给监听器回调')
    },
    modifyByCallback () {
      this.update('Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架')
    }
  }
}
</script>

<style>

</style>
